<!DOCTYPE html>
<html lang="en">
<meta name="viewport"
    content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>环保</title>
</head>
<link type="text/css" rel="stylesheet" href="css/style.css" />

<body>
    <style>
        #section1 {
            background-image: url(images/湖.jpg);
            background-size: cover;
            height: 100vh;
            /* background-position: center; */
            font-size: 20px;
            /* padding-right: -80px; */

        }

        section {
            width: 100%;
            margin: 0;
            /* padding: 100px; */

        }

        p {
            width: 80%;
            color: rgb(255, 255, 255);
            text-indent: 2em;
            font-size: 15px;
            padding-left: 400px;

        }

        .h1 {
            padding-top: 10px;
            font-size: 30px;
            width: 76%;
            text-align: center;
        }
        
        /* 
    .repeat {
        padding: 1px;
    } */
    </style>
    </head>

    <body>
        <nav id="main-menu">
            <ul>
                <li></li>
                <li></li>
                <li> <a class="obss-scroller" href="../index.html">首页</a> </li>
                <li> <a class="obss-scroller" href="page/环境保护的意义.html">环境保护的意义</a> </li>
                <li> <a class="obss-scroller" href="page/背景.html">环境保护背景</a> </li>
                <li> <a class="obss-scroller" href="page/举措.html">环境保护举措</a> </li>
                <li> <a class="obss-scroller" href="page/纪念日.html">有关环保纪念日</a> </li>

                <li> <a class="obss-scroller" href="page/关于.html">关于</a> </li>
                <!-- <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li> -->


                <li id="img1"><img src="images/加号.png"></li>

                <ul id="list1">
                    <li class="content1"><a class="geren" href="page/关于.html">个人gitee</a></li>
                    <li class="content1">
                        <a class="geren" href="page/关于.html">个人微博</a>
                    </li>
                </ul>
            </ul>
        </nav>
        <section id="section1">
            <p class="h1"><b>没有地球的健康就没有人类的健康</b></p>
            <p>当弱小的小草正努力用它顽强的生命力钻出土地的那一刻，你却从它身上一跃而过，你为了自己的利益，剥夺了它那幼小的生命，这你愿意么？</p>
            <p>将要开放的月季，里面好象充了气，灌满了水，显得那么娇嫩。等到绽开花朵的时候，你却无情的把它摘走，这你愿意么？</p>


        </section>
        <footer> @前端技术基础 数艺19 吴宇艳</footer>

    </body>

</html>